<!DOCTYPE html>
<html>

<head>

    <title>蘑菇街-直播</title>
    <meta name="keywords" content="蘑菇街">
    <meta name="description"
        content="美丽联合集团是女性时尚媒体和时尚消费平台，通过整合现在已有的资源，包括电商、社区、红人、内容等等，来服务于不同的女性用户。蘑菇街是集团旗下定位于年轻女性用户的时尚媒体与时尚消费类App，核心用户人群为 18-23 岁年轻女性用户。2015年，蘑菇街以当红明星李易峰和“我的买手街”的品牌定位，成功树立了自身以买手精选为核心理念的差异化品牌形象。2016年，迪丽热巴以首席体验官的身份代表广大用户加入蘑菇街，从而更好地为年轻女性用户提供从美妆、穿搭分享到时尚购物的一站式消费体验。">
    <meta charset="UTF-8">
    <meta http-equiv="Cache-Control" content="no-transform">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
    <link rel="dns-prefetch" href="//s14.mogucdn.com">
    <meta name="copyright" content="mogujie.com">
    <meta name="apple-itunes-app" content="app-id=452176796, app-argument=">
    <link rel="search" type="application/opensearchdescription+xml" href="//www.mogujie.com/opensearch.xml">
    <link rel="icon" href="https://s10.mogucdn.com/mlcdn/c45406/170401_16fj5k6k4174bfd21d03a4gf6a7hg_48x48.png"
        type="image/x-icon">
    <link rel="stylesheet"
        href="https://s10.mogucdn.com/__/mfp/meili-all-base-style/assets/0.1.12/reset.css,mfp/meili-mgj-pc-header/assets/0.1.21/header.css,mfp/meili-mgj-pc-footer/assets/0.0.14/footer.css,mfp/meili-mgj-pc-common/assets/0.0.2/base/index.css">
    <link href="https://s10.mogucdn.com/__newtown/mogu-global/assets/pc/common/im/index.css-151cbbf6.css"
        rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="https://s10.mogucdn.com/__/mfp/meili-mgj-lazy-image/assets/1.1.30/index.min.css">
    <link rel="stylesheet"
        href="https://s10.mogucdn.com/__/mfp/meili-mgj-debug-popup-window/assets/0.0.47/DebugFloatPoint/index.css">
    <link href="https://s10.mogucdn.com/__/mfp/mgj-pc-content/assets/0.0.407/live-list.css" rel="stylesheet">
    <style type="text/css">
        .u-mask {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            z-index: 500;
            background-color: rgba(0, 0, 0, .7)
        }

        .mvw-dialog,
        .u-mask {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -moz-box-orient: vertical;
            -moz-box-direction: normal
        }

        .mvw-dialog {
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 5.4rem;
            min-height: 2.36rem;
            background-color: #fff;
            border-radius: .1rem
        }

        .mvw-dialog__header {
            padding-top: .4rem;
            font-size: .4rem;
            text-align: center;
            color: #333
        }

        .mvw-dialog__body {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            padding: .4rem .59rem;
            font-size: .28rem;
            color: #666;
            text-align: center
        }

        .mvw-dialog__footer {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            height: .9rem;
            font-size: .32rem
        }

        .mvw-dialog__footer__btn {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            background-color: #fff;
            font-size: .32rem;
            border: none;
            outline: none;
            border-top: .01rem solid #e5e5e5
        }

        .mvw-dialog__footer__btn:nth-child(n+2) {
            border-left: .01rem solid #e5e5e5
        }

        .mvw-dialog__footer__btn:first-child {
            border-bottom-left-radius: .1rem
        }

        .mvw-dialog__footer__btn:last-child {
            border-bottom-right-radius: .1rem
        }
    </style>
    <style type="text/css">
        .meili-mvw-loading[data-v-05584242] {
            position: fixed;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            z-index: 1000
        }

        .meili-mvw-loading.notFixed[data-v-05584242] {
            position: absolute
        }

        .loading-bg[data-v-05584242] {
            position: relative;
            margin: 0 auto;
            pointer-events: auto
        }

        .loading-bg[data-v-05584242],
        .loading-slip[data-v-05584242] {
            width: 1.6rem;
            height: 1.6rem;
            background-repeat: no-repeat;
            background-size: cover
        }

        .loading-slip[data-v-05584242] {
            -webkit-animation: loadingRotate-data-v-05584242 1.05s infinite;
            animation: loadingRotate-data-v-05584242 1.05s infinite
        }

        @-webkit-keyframes loadingRotate-data-v-05584242 {
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes loadingRotate-data-v-05584242 {
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }
    </style>
    <style type="text/css">
        .mvw-mask[data-v-70d98e5e] {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, .3);
            z-index: 10
        }

        .mvw-toast[data-v-70d98e5e] {
            position: fixed;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            z-index: 1002
        }

        .mvw-toast__wrapper[data-v-70d98e5e] {
            border-radius: .1rem;
            color: #fff;
            padding: .32rem;
            min-height: .8rem;
            font-size: .28rem;
            background-color: rgba(0, 0, 0, .7);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            line-height: 1.5;
            text-align: center
        }

        .mvw-toast__header[data-v-70d98e5e] {
            width: .7rem;
            height: .7rem
        }

        .mvw-toast__image[data-v-70d98e5e] {
            background-size: cover;
            background-position: 50%
        }

        .mvw-toast__icon[data-v-70d98e5e] {
            text-align: center;
            margin-bottom: .32rem;
            background-size: cover;
            width: .7rem;
            height: .7rem
        }

        .mvw-toast__icon__loading[data-v-70d98e5e] {
            -webkit-animation: loadingAnimate-data-v-70d98e5e 2s infinite linear;
            animation: loadingAnimate-data-v-70d98e5e 2s infinite linear
        }

        .mvw-toast__icon__success[data-v-70d98e5e] {
            background-image: url("https://s10.mogucdn.com/mlcdn/c45406/170921_1cl6kf5c38l7539halhcid2ekihal_200x200.png")
        }

        .mvw-toast__icon__error[data-v-70d98e5e] {
            background-image: url("https://s10.mogucdn.com/mlcdn/c45406/170921_1i064ja8lc8274e76j41kfb84ddec_200x200.png")
        }

        .mvw-toast__icon__warn[data-v-70d98e5e] {
            background-image: url("https://s10.mogucdn.com/mlcdn/c45406/170921_63hc16a7f0379bak7g493f79lja52_200x200.png")
        }

        .toast-bounce-enter-active[data-v-70d98e5e] {
            -webkit-animation: tipEnter-data-v-70d98e5e .75s;
            animation: tipEnter-data-v-70d98e5e .75s
        }

        .toast-bounce-leave-active[data-v-70d98e5e] {
            -webkit-animation: tipLeave-data-v-70d98e5e .3s;
            animation: tipLeave-data-v-70d98e5e .3s
        }

        @-webkit-keyframes loadingAnimate-data-v-70d98e5e {
            0% {
                opacity: 0
            }

            50% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        @keyframes loadingAnimate-data-v-70d98e5e {
            0% {
                opacity: 0
            }

            50% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        @-webkit-keyframes tipEnter-data-v-70d98e5e {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }

            40% {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
            }

            to {
                opacity: 1;
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }
        }

        @keyframes tipEnter-data-v-70d98e5e {
            0% {
                opacity: 0;
                -webkit-transform: scale3d(.3, .3, .3);
                transform: scale3d(.3, .3, .3)
            }

            20% {
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }

            40% {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            60% {
                opacity: 1;
                -webkit-transform: scale3d(1.03, 1.03, 1.03);
                transform: scale3d(1.03, 1.03, 1.03)
            }

            to {
                opacity: 1;
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }
        }

        @-webkit-keyframes tipLeave-data-v-70d98e5e {
            0% {
                opacity: 1;
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            50% {
                opacity: .5;
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }

            to {
                opacity: 0;
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }
        }

        @keyframes tipLeave-data-v-70d98e5e {
            0% {
                opacity: 1;
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            50% {
                opacity: .5;
                -webkit-transform: scale3d(1.1, 1.1, 1.1);
                transform: scale3d(1.1, 1.1, 1.1)
            }

            to {
                opacity: 0;
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }
        }
        /* .live-list-wrapper{
            display: none;
        } */
    </style>
</head>

<body class="media_screen_1200">
    <!-- 顶部 -->
    <div id="header" class="site-top-header J_siteheader" data-ptp="_head">
        <div class="header-nav">
            <div class="header-nav-wrap J_header_nav">
                <div class="header-nav-content"> <a class="header-nav-home item" rel="nofollow" target="_blank"
                        href="//www.mogu.com"><i></i>首页</a> <a class="header-nav-market item" rel="nofollow"
                        target="_blank" href="//market.mogu.com"><i></i>商城</a> <a target="_blank"
                        class="header-nav-order item" rel="nofollow" href="//order.mogu.com/order/list4buyer">我的订单</a>
                    <div class="header-about-us J-header-about-us item"> 关于我们<i class="icon-deltail"></i>
                        <div class="header-about-us-detail" style="display: none;">
                            <div class="mgj_header_copyright">
                                <div class="mgj_header_helper clearfix">
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">新手帮助<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/faq.html?acm=3.mce.1_10_19kyo.32260.0.30ftBrKGxqdnj.pos_1-m_223508-sd_119">常见问题</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/selfservice.html?acm=3.mce.1_10_19kyk.32260.0.30ftBrKGxqdnk.pos_2-m_223506-sd_119">自助服务</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/contactus.html?acm=3.mce.1_10_19kym.32260.0.30ftBrKGxqdnl.pos_3-m_223507-sd_119">联系客服</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/help/feedback.html?acm=3.mce.1_10_19kyi.32260.0.30ftBrKGxqdnm.pos_4-m_223505-sd_119">意见反馈</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">权益保障<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item">
                                                    <div>全国包邮</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>7天无理由退货</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>退货运费补贴</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>限时发货</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">支付方式<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item">
                                                    <div>微信支付</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>支付宝</div>
                                                </li>
                                                <li class="mgj_header_helper_item">
                                                    <div>白付美支付</div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">移动客户端下载<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item mgj_header_helper_item_app">
                                                    <div>蘑菇街</div><img class="mgj_header_helper_quoer_code"
                                                        src="https://s10.mogucdn.com/mlcdn/c45406/190221_3l1eje914h3h6ch88ce2l6eh0jl17_260x260.png">
                                                </li>
                                                <li class="mgj_header_helper_item mgj_header_helper_item_app">
                                                    <div>美丽说</div><img class="mgj_header_helper_quoer_code"
                                                        src="https://s10.mogucdn.com/mlcdn/c45406/190221_60dd5ic9e009acbjb005c8c2k8k89_260x260.png">
                                                </li>
                                                <li class="mgj_header_helper_item mgj_header_helper_item_app">
                                                    <div>uni引力</div><img class="mgj_header_helper_quoer_code"
                                                        src="https://s10.mogucdn.com/mlcdn/c45406/181029_1e2kfd9la7jg28063eleikgj3k033_158x144.png">
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">商家服务<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cycle.mogu.com/pc/joinmarket?acm=3.mce.1_10_1knso.132238.0.30ftBrKGxqdnx.pos_1-m_481952-sd_119">商家入驻</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="http://peixun.mogu.com/home/web/index.html?acm=3.mce.1_10_1knsq.132238.0.30ftBrKGxqdny.pos_2-m_481953-sd_119">蘑菇街商学院</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="http://bbs.mogu.com/?acm=3.mce.1_10_1knss.132238.0.30ftBrKGxqdnz.pos_3-m_481954-sd_119">商家社区</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/rule/index.html?acm=3.mce.1_10_1knsu.132238.0.30ftBrKGxqdnA.pos_4-m_481955-sd_119">规则中心</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/rule/judgement.html?categoryId=1ng&amp;acm=3.mce.1_10_1krr6.132238.0.30ftBrKGxqdnB.pos_5-m_484517-sd_119">规则众议院</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mgj_header_helper_mod">
                                        <div class="mgj_header_helper_mod_container">
                                            <div class="mgj_header_helper_title">关于我们<p
                                                    class="mgj_header_helper_title_border"></p>
                                            </div>
                                            <ul>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="http://www.mogu-inc.com/home/home.html?acm=3.mce.1_10_1knsy.132239.0.30ftBrKGxqdoI.pos_1-m_481957-sd_119">招聘信息</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://www.mogu.com/about?acm=3.mce.1_10_1knt0.132239.0.30ftBrKGxqdoJ.pos_2-m_481958-sd_119">联系我们</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://securityreport.mogu.com/index?acm=3.mce.1_10_1knt2.132239.0.30ftBrKGxqdoK.pos_3-m_481959-sd_119">有害信息举报</a>
                                                </li>
                                                <li class="mgj_header_helper_item"><a rel="nofollow" target="_blank"
                                                        href="https://cs.mogu.com/rule/mogu.html?categoryId=1iq&amp;ruleId=1536&amp;acm=3.mce.1_10_1knt4.132239.0.30ftBrKGxqdoL.pos_4-m_481960-sd_119">用户隐私保护</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="mgj_header_hostname"><span>©2019 Mogu.com 杭州卷瓜网络有限公司</span></div>
                                <div class="mgj_header_copyright_info">
                                    <p class="mgj_header_copyright_container"><span
                                            class="mgj_header_copyright_span">营业执照：</span><a rel="nofollow"
                                            target="_blank" class="mgj_header_a"
                                            href="https://s10.mogucdn.com/mlcdn/c45406/181119_0a3j5l86651d5ciklai091dd78d41_1239x1753.jpg?acm=3.mce.1_10_19kyq.32170.0.30ftBrKGxqdpX.pos_0-m_223509-sd_119">913301065526808764</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                            class="mgj_header_a"
                                            href="https://s5.mogucdn.com/mlcdn/c45406/191106_618hj14k5i3b0959i0b8d6j0gifa4_1653x2338.jpg?acm=3.mce.1_10_1mzcw.32170.0.30ftBrKGxqdpY.pos_1-m_536100-sd_119">营业性演出许可证</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                            class="mgj_header_a"
                                            href="https://s5.mogucdn.com/mlcdn/c45406/191209_1cg4g6i3l7aflgc4f4ih38251a76j_2480x3507.jpg?acm=3.mce.1_10_1naa0.32170.0.30ftBrKGxqdpZ.pos_2-m_543176-sd_119">网络文化经营许可证</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span">增值电信业务经营许可证：</span><a rel="nofollow"
                                            target="_blank" class="mgj_header_a"
                                            href="https://s10.mogucdn.com/mlcdn/c45406/171109_1ll0b37l83lj8e3i35h28a92g31i3_1239x1754.jpg?acm=3.mce.1_10_19kys.32170.0.30ftBrKGxqdp0.pos_3-m_223510-sd_119">浙B2-20110349</a><b
                                            class="mgj_header_b"> | </b><span
                                            class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                            class="mgj_header_a"
                                            href="https://s16.mogucdn.com/p2/160831/upload_506h1d771b5k20j9148ldjj0kdaab_960x1344.jpg?acm=3.mce.1_10_19l02.32170.0.30ftBrKGxqdp1.pos_4-m_223533-sd_119">安全责任书</a><b
                                            class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span>
                                    </p>
                                    <div class="mgj_header_a">浙公网安备 33010602010221号</div><b class="mgj_header_b"> |
                                    </b><span class="mgj_header_copyright_span"></span><a rel="nofollow" target="_blank"
                                        class="mgj_header_a"
                                        href="https://s11.mogucdn.com/mlcdn/c45406/190531_3ggf3f5alhgkl3cgl1869ce3j72ih.pdf?acm=3.mce.1_10_1i4u6.32170.0.30ftBrKGxqdp3.pos_6-m_423011-sd_119">互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</a><b
                                        class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span><a
                                        rel="nofollow" target="_blank" class="mgj_header_a"
                                        href="http://zjamr.zj.gov.cn/HTML/gggs/201905/793d932f-600e-4ccc-95f9-1ddd47e82dba.html?acm=3.mce.1_10_1i94i.32170.0.30ftBrKGxqdp4.pos_7-m_425789-sd_119">浙网食A33010003</a><b
                                        class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span><a
                                        rel="nofollow" target="_blank" class="mgj_header_a"
                                        href="https://s11.mogucdn.com/mlcdn/c45406/190731_076d34acgb81k103eh6981e7gli43.pdf?acm=3.mce.1_10_1ihmo.32170.0.30ftBrKGxqdp5.pos_8-m_431300-sd_119">出版物网络交易平台服务经营备案证</a><b
                                        class="mgj_header_b"> | </b><span class="mgj_header_copyright_span"></span><a
                                        rel="nofollow" target="_blank" class="mgj_header_a"
                                        href="https://s3.mogucdn.com/mlcdn/c45406/190627_3h4kj8i8g09edf49kgic1e3k487e3.pdf?acm=3.mce.1_10_1ineu.32170.0.30ftBrKGxqdp6.pos_9-m_435047-sd_119">(浙)网械平台备字[2018]第00006号</a><b
                                        class="mgj_header_b"> | </b>
                                    <p></p>
                                </div>
                                <div class="company_info">联系电话：400-8158-666（在线时间：09：00-22：00）浙江省杭州市西湖区古墩路99号浙商财富中心1号楼
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrap header-wrap clearfix">
            <!-- logo 麦田配置 -->
            <a rel="nofollow" id="top_logo_mogu"
                href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.hkqxRrKGyDmcE.pos_0-m_482443-sd_119"
                class="logo" title="蘑菇街首页" style="background-image: none;"><img
                    src="https://s10.mogucdn.com/mlcdn/c45406/190102_088f4i166l4gkl08k297h5kk8690i_260x200.png"
                    alt="蘑菇街，我的买手街"></a>
            <div class="header-category J_header_category"><i></i>目录<div class="header-content-category"
                    style="display: none;">
                    <div class="header-wrap-category"> <span class="tooltip-arrow"></span>
                        <div class="category-item header-category-market">
                            <div class="header-category-container">
                                <div class="header-category-flex">
                                    <div class="header-category-title">主题市场</div>
                                </div>
                                <ul>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/clothing/50240?acm=3.mce.1_10_1ko4s.132244.0.wENxNrKGyDm4S.pos_1-m_482170-sd_119">上衣</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/skirt/50004?acm=3.mce.1_10_1ko4w.132244.0.wENxNrKGyDm4T.pos_2-m_482172-sd_119">裙装</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/trousers/50020?acm=3.mce.1_10_1ko4y.132244.0.wENxNrKGyDm4U.pos_3-m_482173-sd_119">裤子</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/shoes/50330?acm=3.mce.1_10_1ko50.132244.0.wENxNrKGyDm4V.pos_4-m_482174-sd_119">女鞋</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/magic/51894?acm=3.mce.1_10_1ko52.132244.0.wENxNrKGyDm4W.pos_5-m_482175-sd_119">美妆</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/bags/50675?acm=3.mce.1_10_1ko54.132244.0.wENxNrKGyDm4X.pos_6-m_482176-sd_119">包包</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/accessories/50797?acm=3.mce.1_10_1ko56.132244.0.wENxNrKGyDm4Y.pos_7-m_482177-sd_119">配饰</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/neiyi/50025?acm=3.mce.1_10_1ko5a.132244.0.wENxNrKGyDm4Z.pos_8-m_482179-sd_119">内衣</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/boyfriend/51716?acm=3.mce.1_10_1ko5c.132244.0.wENxNrKGyDm40.pos_9-m_482180-sd_119">男友</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/baby/20000602?acm=3.mce.1_10_1ko5e.132244.0.wENxNrKGyDm41.pos_10-m_482181-sd_119">母婴</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/home/51642?acm=3.mce.1_10_1ko5g.132244.0.wENxNrKGyDm42.pos_11-m_482182-sd_119">家居</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://list.mogu.com/book/food/52014?acm=3.mce.1_10_1ko5i.132244.0.wENxNrKGyDm43.pos_12-m_482183-sd_119">食品</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="category-item header-category-brand">
                            <div class="header-category-container">
                                <div class="header-category-flex">
                                    <div class="header-category-title">热门品牌</div>
                                    <div class="header-category-all"><a target="_blank"
                                            href="https://www.mogu.com/spitembrand/1">全部品牌 &gt;</a></div>
                                </div>
                                <ul>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aaf5a?brandId=1aaf5a&amp;acm=3.mce.1_5_1aaf5a.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">NIKE</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aaf88?brandId=1aaf88&amp;acm=3.mce.1_5_1aaf88.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">ZARA</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aahas?brandId=1aahas&amp;acm=3.mce.1_5_1aahas.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">SICILY西西里</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aag5e?brandId=1aag5e&amp;acm=3.mce.1_5_1aag5e.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">EGGKA</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aah3q?brandId=1aah3q&amp;acm=3.mce.1_5_1aah3q.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">adidas
                                            Originals</a></li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aag16?brandId=1aag16&amp;acm=3.mce.1_5_1aag16.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">INXX</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aah9a?brandId=1aah9a&amp;acm=3.mce.1_5_1aah9a.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">SUMMER
                                            STUDIO</a></li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aafsi?brandId=1aafsi&amp;acm=3.mce.1_5_1aafsi.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">GENANX</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aaf6y?brandId=1aaf6y&amp;acm=3.mce.1_5_1aaf6y.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">adidas</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aaf7g?brandId=1aaf7g&amp;acm=3.mce.1_5_1aaf7g.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">H&amp;M</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aagam?brandId=1aagam&amp;acm=3.mce.1_5_1aagam.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">Supreme</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aaf7e?brandId=1aaf7e&amp;acm=3.mce.1_5_1aaf7e.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">Bershka</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aak9u?brandId=1aak9u&amp;acm=3.mce.1_5_1aak9u.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">AKOP</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aaf9i?brandId=1aaf9i&amp;acm=3.mce.1_5_1aaf9i.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">Champion</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aag1e?brandId=1aag1e&amp;acm=3.mce.1_5_1aag1e.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">欧缇丽</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aafay?brandId=1aafay&amp;acm=3.mce.1_5_1aafay.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">GUCCI</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1980bg?brandId=1980bg&amp;acm=3.mce.1_5_1980bg.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">YSL
                                            Beauty</a></li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aag4u?brandId=1aag4u&amp;acm=3.mce.1_5_1aag4u.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">hotwind</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aafp8?brandId=1aafp8&amp;acm=3.mce.1_5_1aafp8.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">
                                            Dior</a></li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/brand/1aa9b0?brandId=1aa9b0&amp;acm=3.mce.1_5_1aa9b0.138852..jYmG3rKGyDm7a.t_jYmG3rKGyDm7b-sd_130">PERFECT
                                            DIARY</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="category-item header-category-topic">
                            <div class="header-category-container">
                                <div class="header-category-flex">
                                    <div class="header-category-title">流行话题</div>
                                    <div class="header-category-all"><a target="_blank"
                                            href="https://www.mogu.com/sptopicall/1">全部话题 &gt;</a></div>
                                </div>
                                <ul>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8wbo2?tagId=11c8wbo2&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8wbo2.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#今年最流行的长毛衣，给我买！#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8wboq?tagId=11c8wboq&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8wboq.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#冬天去北方旅游怎么穿？#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8wbs8?tagId=11c8wbs8&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8wbs8.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#网红私服！冬季照样撩爆男神#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/1819si?tagId=1819si&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_1819si.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#什么值得买#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/14psss?tagId=14psss&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_14psss.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#今天长这样#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8wo5a?tagId=11c8wo5a&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8wo5a.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#教你拍出好内容#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8w3v4?tagId=11c8w3v4&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8w3v4.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#稳赢！年底聚会战袍推荐#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8w3s8?tagId=11c8w3s8&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8w3s8.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#今冬，买这一条裤子就够了！#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uts2?tagId=11c8uts2&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uts2.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#懒女孩如何5分钟出门#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8vzxm?tagId=11c8vzxm&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8vzxm.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#圣诞心愿好物集#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uxjg?tagId=11c8uxjg&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uxjg.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#双12爆款套装榜单，买它！#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uwoq?tagId=11c8uwoq&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uwoq.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#冬季保暖神器大分享！#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uz4a?tagId=11c8uz4a&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uz4a.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#年会穿搭，神仙打架你准备好了吗？#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uxrc?tagId=11c8uxrc&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uxrc.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#158女孩，新年战袍怎么选？#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uumu?tagId=11c8uumu&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uumu.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#双十二美妆试色大全#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8un7y?tagId=11c8un7y&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8un7y.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#演员请就位#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8ustw?tagId=11c8ustw&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8ustw.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#精致女生的独居生活#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8unw8?tagId=11c8unw8&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8unw8.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#12.10直播fun肆购#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uuks?tagId=11c8uuks&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uuks.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#双十二一衣多穿攻略#</a>
                                    </li>
                                    <li class="header-category-item"><a rel="nofollow" target="_blank"
                                            href="https://pc.mogu.com/content/topic/11c8uwom?tagId=11c8uwom&amp;tagName=&amp;stickyId=&amp;acm=3.mce.1_17_11c8uwom.138851..jYmG3rKGyDm7c.t_jYmG3rKGyDm7d-sd_130">#抵御妖风，这一件就够了！#</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="search-nav-content clearfix">
                <!-- 搜索框 -->
                <div class="normal-search-content">

                    <div class="top-nav-search" id="top-nav-search">
                        <form class="top-nav-form" id="top_nav_form" action="//list.mogu.com/search/goods" method="get">
                            <input type="text" id="top_nav_text" class="ts_txt" placeholder="围巾" name="q" value=""
                                autocomplete="off">
                            <input id="top_nav_btn" type="submit" value="" class="ts_btn">
                        </form>
                        <div class="top-nav-tip" style="display: none;">
                            <ul class="word-box clearfix"> </ul>
                            <!--历史记录-->
                        </div>
                    </div>

                </div>

                <!-- 导航信息 -->
                <div class="site-top-nav J_sitenav">
                    <div class="header-nav-list">
                        <!-- 消息 -->
                        <div class="header-message-center fl"><a rel="nofollow" href="javascript:;"
                                class="mogutalk_btn header-message-icon nav-list-item" data-from="shopwidget_message"
                                data-trace="global,shopwidget_message,click"></a>消息<span class="num m_num"></span></div>
                        <!-- 收藏 --><a class="header-fav-center fl" href="//pc.mogu.com/fav/shopfavs" target="_blank">
                            <p class="header-fav-icon nav-list-item"></p>收藏
                        </a><!-- 购物车 --><a class="header-cart-center fl" href="http://127.0.0.1/code/program/client/html/cart.html"
                            target="_blank">
                            <p class="header-cart-icon nav-list-item"></p>购物车
                        </a><!-- 下载APP -->
                        <div class="header-download-center J_show_app_code fl">
                            <p class="header-download-icon nav-list-item"></p>下载APP<div class="download-app-code"><img
                                    src="https://s10.mogucdn.com/mlcdn/c45406/190521_2ec360a8f76giijel4e95g9h3i3ci_199x217.png">
                            </div><img class="app-code-hot-dot" style="display: block;"
                                src="https://s10.mogucdn.com/mlcdn/c45406/190221_5i6j6d3khieh48123j13age0fh9eh_8x8.png">
                        </div><!-- 我的 -->
                        <!-- 我的 -->
                        <div class="header-user-info fr" id="login_div"><a rel="nofollow" class="J_header-login header-login"
                                href="http://127.0.0.1/code/program/client/html/register.html"><img
                                    src="https://s10.mogucdn.com/mlcdn/c45406/181016_143l3ehl4ebad6c2326gjk6d4h41g_48x48.png"
                                    class="header-login-icon" alt="">登录</a></div>
                        
                        <div class="header-user-info fr" id="user_div" style="display: none;"><img
                                src="https://s5.mogucdn.com/b7/avatar/150617/1oudn4_iezdenjymmztcn3egezdambqmmyde_150x200.jpg_100x100.jpg"
                                class="header-user-avatar">
                            <div class="header-user-menu">
                                <div rel="nofollow" href="javascript:;" class="user-meta"> <span class="name" id="user_name">氨荃兔</span> <i
                                        class="icon-deltail"></i> </div>
                                <ol class="ext-mode" id="menu-personal">
                                    <li class="s2"><a target="_blank" rel="nofollow" href="//order.mogu.com/order/list4buyer">我的订单</a></li>
                                    <li class="s2"><a target="_blank" rel="nofollow" href="//www.mogu.com/settings/personal">个人设置</a></li>
                                    <li class="s2 singout"><a rel="nofollow" href="javascript:;">退出</a></li>
                                </ol>
                            </div>
                        </div>
                        
                        </div>
                        <!-- 我的 -->

                    </div>
                </div>
            </div>
        </div>
    </div>

    <input type="hidden" id="J_searchbar_flag" value="show">

    <div id="views">
        <div data-v-2a6b5f06="" class="live-list-wrapper" id="live-list-wap">
            <div data-v-19d7fc53="" data-v-2a6b5f06="" class="tabs" style="border-bottom: 1px solid rgb(255, 87, 119);"
                qrcode="">
                <div data-v-19d7fc53="" class="tabs-wrapper">
                    <div data-v-19d7fc53="" class="tabs-item">
                        <div data-v-19d7fc53="" class="text selected" style="color: rgb(255, 87, 119);">热门
                        </div>
                        <!-- <div data-v-19d7fc53="" class="trilateral"
                            style="border-color: transparent transparent rgb(255, 87, 119);"></div> -->
                    </div>
                    <div data-v-19d7fc53="" class="tabs-item">
                        <div data-v-19d7fc53="" class="text" style="color: rgb(102, 102, 102);">穿搭
                        </div>
                        <!---->
                    </div>
                    <div data-v-19d7fc53="" class="tabs-item">
                        <div data-v-19d7fc53="" class="text" style="color: rgb(102, 102, 102);">美妆
                        </div>
                        <!---->
                    </div>
                    <div data-v-19d7fc53="" class="download"><img data-v-19d7fc53=""
                            src="https://s10.mogucdn.com/mlcdn/c45406/181017_2a3j7jl7ccg4chkekbg7fe6cd0d3g_42x42.png"
                            class="mogu-icon">
                        <p data-v-19d7fc53="" class="download-text">手机看直播</p>
                        <div data-v-19d7fc53="" class="download-pop" style="display: none;"><img data-v-19d7fc53=""
                                src="https://s11.mogucdn.com/mlcdn/711693/191215_16c3b5e9kli90g1ak78kfhgah50i9_280x280.jpg"
                                class="qrcode">
                            <p data-v-19d7fc53="">小程序看直播享特价</p>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-3b05264d="" data-v-2a6b5f06="" class="avatar-list" style="width: 1210px;margin: auto;">
           
            </div>
        <div id="live-list-wa">
            <div data-v-2a6b5f06="" class="live-list-wrapper live-list-w" id="live_list1">
            <!---->
        </div>
        <div data-v-2a6b5f06="" class="live-list-wrapper live-list-w" id="live_list2" style="display: none;">
            <!---->
        </div>
        <div data-v-2a6b5f06="" class="live-list-wrapper live-list-w" id="live_list3" style="display:none;">
            <!---->
        </div></div>
            <!---->
        </div>
    </div>

    <div class="foot J_siteFooter" data-ptp="_foot"
        style="background-image: url(&quot;https://s10.mogucdn.com/mlcdn/c45406/181031_40flk9d5hkkjf44246248clfl77f1_1440x500.jpg&quot;);">
        <div class="mgj_copyright">
            <div class="mgj_footer_icon"><a rel="nofollow" target="_blank"
                    href="https://www.mogu.com/?acm=3.mce.1_10_1kb0y.130549.0.n9eN7rKGy2cJU.pos_0-m_473677-sd_119"><img
                        src="https://s10.mogucdn.com/mlcdn/c45406/181112_4a8ch8fac2i12ib313hif4da35ed3_280x76.png"></a>
            </div>
            <div class="mgj_footer_helper clearfix">
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">新手帮助<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/faq.html?acm=3.mce.1_10_19kyo.32260.0.n9eN6rKGy2cK7.pos_1-m_223508-sd_119">常见问题</a>
                            </li>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/selfservice.html?acm=3.mce.1_10_19kyk.32260.0.n9eN6rKGy2cK8.pos_2-m_223506-sd_119">自助服务</a>
                            </li>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/contactus.html?acm=3.mce.1_10_19kym.32260.0.n9eN6rKGy2cK9.pos_3-m_223507-sd_119">联系客服</a>
                            </li>
                            <li class="mgj_footer_helper_item"><a rel="nofollow" target="_blank"
                                    href="https://cs.mogu.com/help/feedback.html?acm=3.mce.1_10_19kyi.32260.0.n9eN6rKGy2cKa.pos_4-m_223505-sd_119">意见反馈</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">权益保障<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item">
                                <div>全国包邮</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>7天无理由退货</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>退货运费补贴</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>限时发货</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">支付方式<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item">
                                <div>微信支付</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>支付宝</div>
                            </li>
                            <li class="mgj_footer_helper_item">
                                <div>白付美支付</div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mgj_footer_helper_mod">
                    <div class="mgj_footer_helper_mod_container">
                        <div class="mgj_footer_helper_title">移动客户端下载<p class="mgj_footer_helper_title_border"></p>
                        </div>
                        <ul>
                            <li class="mgj_footer_helper_item mgj_footer_helper_item_last">
                                <div>蘑菇街</div><img class="mgj_footer_helper_quoer_code"
                                    src="https://s10.mogucdn.com/mlcdn/c45406/190221_3l1eje914h3h6ch88ce2l6eh0jl17_260x260.png">
                            </li>
                            <li class="mgj_footer_helper_item mgj_footer_helper_item_last">
                                <div>美丽说</div><img class="mgj_footer_helper_quoer_code"
                                    src="https://s10.mogucdn.com/mlcdn/c45406/190221_60dd5ic9e009acbjb005c8c2k8k89_260x260.png">
                            </li>
                            <li class="mgj_footer_helper_item mgj_footer_helper_item_last">
                                <div>uni引力</div><img class="mgj_footer_helper_quoer_code"
                                    src="https://s10.mogucdn.com/mlcdn/c45406/181029_1e2kfd9la7jg28063eleikgj3k033_158x144.png">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mgj_footer_mgjinfo">
                <ul class="mgj_footer_mgjinfo_list clearfix">
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="http://www.mogu-inc.com/home/home.html?acm=3.mce.1_10_19kz6.32163.0.n9eN7rKGy2cKV.pos_0-m_223517-sd_119">关于我们</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://job.mogu.com?acm=3.mce.1_10_19kz8.32163.0.n9eN7rKGy2cKW.pos_1-m_223518-sd_119">招聘信息</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://www.mogu.com/about?acm=3.mce.1_10_19kza.32163.0.n9eN7rKGy2cKX.pos_2-m_223519-sd_119">联系我们</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cycle.mogu.com/pc/joinmarket?acm=3.mce.1_10_19kzg.32163.0.n9eN7rKGy2cKY.pos_3-m_223522-sd_119">商家入驻</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="http://xd.mogu.com/work/home?acm=3.mce.1_10_19kzi.32163.0.n9eN7rKGy2cKZ.pos_4-m_223523-sd_119">商家后台</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="http://bbs.mogu.com?acm=3.mce.1_10_19kzm.32163.0.n9eN6rKGy2cK0.pos_5-m_223525-sd_119">商家社区</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cs.mogu.com/rule/index.html?acm=3.mce.1_10_1epzq.32163.0.n9eN6rKGy2cK1.pos_6-m_343407-sd_119">规则中心</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cs.mogu.com/rule/judgement.html?categoryId=1ng&amp;acm=3.mce.1_10_1krsm.32163.0.n9eN6rKGy2cK2.pos_7-m_484543-sd_119">规则众议院</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://securityreport.mogu.com/index?acm=3.mce.1_10_1fnr8.32163.0.n9eN6rKGy2cK3.pos_8-m_365286-sd_119">有害信息举报</a>
                    </li>
                    <li class="mgj_footer_mgjinfo_item"><a rel="nofollow" target="_blank"
                            href="https://cs.mogu.com/rule/mogu.html?categoryId=1iq&amp;ruleId=1536&amp;acm=3.mce.1_10_1jtfw.32163.0.n9eN6rKGy2cK4.pos_9-m_462282-sd_119">用户隐私保护</a>
                    </li>
                </ul>
            </div>
            <div class="mgj_footer_hostname"><span>©2019 Mogu.com 杭州卷瓜网络有限公司</span></div>
            <div class="mgj_footer_copyright">
                <p class="mgj_footer_copyright_container"><span class="mgj_footer_copyright_span">营业执照：</span><a
                        rel="nofollow" target="_blank" class="mgj_footer_a"
                        href="https://s10.mogucdn.com/mlcdn/c45406/181119_0a3j5l86651d5ciklai091dd78d41_1239x1753.jpg?acm=3.mce.1_10_19kyq.32170.0.n9eN6rKGy2cKb.pos_0-m_223509-sd_119">913301065526808764</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                        target="_blank" class="mgj_footer_a"
                        href="https://s5.mogucdn.com/mlcdn/c45406/191106_618hj14k5i3b0959i0b8d6j0gifa4_1653x2338.jpg?acm=3.mce.1_10_1mzcw.32170.0.n9eN6rKGy2cKc.pos_1-m_536100-sd_119">营业性演出许可证</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                        target="_blank" class="mgj_footer_a"
                        href="https://s5.mogucdn.com/mlcdn/c45406/191209_1cg4g6i3l7aflgc4f4ih38251a76j_2480x3507.jpg?acm=3.mce.1_10_1naa0.32170.0.n9eN6rKGy2cKd.pos_2-m_543176-sd_119">网络文化经营许可证</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span">增值电信业务经营许可证：</span><a
                        rel="nofollow" target="_blank" class="mgj_footer_a"
                        href="https://s10.mogucdn.com/mlcdn/c45406/171109_1ll0b37l83lj8e3i35h28a92g31i3_1239x1754.jpg?acm=3.mce.1_10_19kys.32170.0.n9eN6rKGy2cKe.pos_3-m_223510-sd_119">浙B2-20110349</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                        target="_blank" class="mgj_footer_a"
                        href="https://s16.mogucdn.com/p2/160831/upload_506h1d771b5k20j9148ldjj0kdaab_960x1344.jpg?acm=3.mce.1_10_19l02.32170.0.n9eN6rKGy2cKf.pos_4-m_223533-sd_119">安全责任书</a><b
                        class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span></p>
                <div class="mgj_footer_a"><img class="mgj_footer_a_img"
                        src="https://s3.mogucdn.com/mlcdn/c45406/190515_0gei4681dhlh0cf9ch0g33j97d88l_20x20.png">浙公网安备
                    33010602010221号</div><b class="mgj_footer_b"> | </b><span
                    class="mgj_footer_copyright_span"></span><a rel="nofollow" target="_blank" class="mgj_footer_a"
                    href="https://s11.mogucdn.com/mlcdn/c45406/190531_3ggf3f5alhgkl3cgl1869ce3j72ih.pdf?acm=3.mce.1_10_1i4u6.32170.0.n9eN6rKGy2cKh.pos_6-m_423011-sd_119">互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</a><b
                    class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                    target="_blank" class="mgj_footer_a"
                    href="http://zjamr.zj.gov.cn/HTML/gggs/201905/793d932f-600e-4ccc-95f9-1ddd47e82dba.html?acm=3.mce.1_10_1i94i.32170.0.n9eN6rKGy2cKi.pos_7-m_425789-sd_119">浙网食A33010003</a><b
                    class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                    target="_blank" class="mgj_footer_a"
                    href="https://s11.mogucdn.com/mlcdn/c45406/190731_076d34acgb81k103eh6981e7gli43.pdf?acm=3.mce.1_10_1ihmo.32170.0.n9eN6rKGy2cKj.pos_8-m_431300-sd_119">出版物网络交易平台服务经营备案证</a><b
                    class="mgj_footer_b"> | </b><span class="mgj_footer_copyright_span"></span><a rel="nofollow"
                    target="_blank" class="mgj_footer_a"
                    href="https://s3.mogucdn.com/mlcdn/c45406/190627_3h4kj8i8g09edf49kgic1e3k487e3.pdf?acm=3.mce.1_10_1ineu.32170.0.n9eN6rKGy2cKk.pos_9-m_435047-sd_119">(浙)网械平台备字[2018]第00006号</a><b
                    class="mgj_footer_b"> | </b>
                <p></p>
            </div>
        </div>
    </div>
  
    <div id="J_sticky_container" class="sticky-search-container">
        <div class="wrap clearfix">
            <div class="logo-wrap clearfix"><a rel="nofollow"
                    href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.hkqxRrKGyDmcE.pos_0-m_482443-sd_119"
                    class="logo" title="蘑菇街|我的买手街"><img
                        src="https://s10.mogucdn.com/mlcdn/c45406/190102_6df9775216h16jc84da8c9hdfi3ga_258x60.png"
                        alt="蘑菇街，我的买手街"></a></div>
            <div class="sticky-search-content"></div>
        </div>
    </div>

    <div class="u-mask" style="display: none;">
        <div class="meili-mvw-dialog mvw-dialog">
            <!---->
            <div class="mvw-dialog__body">
                <p></p>
            </div>
            <div class="mvw-dialog__footer"><button class="mvw-dialog__footer__btn" style="color: rgb(0, 0, 0);">
                    取消
                </button> <button class="mvw-dialog__footer__btn" style="color: rgb(60, 197, 31);">
                    确定
                </button></div>
        </div>
    </div>
    <!---->
    <div data-v-70d98e5e="">
        <div data-v-70d98e5e="" class="mvw-mask" style="display: none;"></div>
        <div data-v-70d98e5e="" class="meili-mvw-toast mvw-toast">
            <div data-v-70d98e5e="" class="mvw-toast__wrapper" style="display: none;">
                <!---->
                <!---->

            </div>
        </div>
    </div>
    <!---->
    <div class="u-mask" style="display: none;">
        <div class="meili-mvw-dialog mvw-dialog">
            <!---->
            <div class="mvw-dialog__body">
                <p></p>
            </div>
            <div class="mvw-dialog__footer"><button class="mvw-dialog__footer__btn" style="color: rgb(102, 102, 102);">
                    取消
                </button> <button class="mvw-dialog__footer__btn" style="color: rgb(102, 102, 102);">
                    确定
                </button></div>
        </div>
    </div>
    <div data-v-70d98e5e="">
        <div data-v-70d98e5e="" class="mvw-mask" style="display: none;"></div>
        <div data-v-70d98e5e="" class="meili-mvw-toast mvw-toast">
            <div data-v-70d98e5e="" class="mvw-toast__wrapper" style="display: none;">
                <!---->
                <!---->

            </div>
        </div>
    </div>

    <div id="M_Tips"
        style="position: fixed; left: 0px; top: 0px; z-index: 10000; width: 100%; height: 100%; display: none; -moz-box-orient: horizontal; -moz-box-pack: center; -moz-box-align: center;">
        <span
            style="font-size: 0.28rem; display: block; min-width: 1rem; max-width: 80%; margin: 0px auto; text-align: center; padding: 10px 12px; line-height: 1.43; color: rgb(255, 255, 255); background: rgba(225, 42, 82, 0.7) none repeat scroll 0% 0%; border-radius: 0.04rem;"></span>
    </div>
</body>
<script src="../js/jquery-3.4.1.js"></script>
<script>
       $(()=>{
          //登录
           if (window.localStorage["username"]) {
               $("#login_div").hide();
               $("#user_div").show();
               $("#user_name").text(window.localStorage["username"]);

           } else {
               $("#login_div").show();
               $("#user_div").hide();
           }
           //退出登录
           $(".singout").click(function () {
               window.localStorage.removeItem("username");
               window.localStorage.removeItem("id");
               $("#login_div").show();
               $("#user_div").hide();
           })

            //右上角“关于我们”展开菜单
           $(".header-about-us").hover(function () {
               console.log("ok");

               $(".header-about-us-detail").toggle();
               //  $(".header-about-us-detail").hover(function () {
               //     $(".header-about-us-detail").toggle();
               // })
           })

           //搜索栏“目录”展开菜单
           $(".header-category").hover(function () {
               $(".header-content-category").toggle();
           })

           //渲染直播列表页顶部菜单
           class LiveTop {
               constructor(data) {
                   this.data = data;

               }
               init() {
                   this.renderTop();
                   this.renderListOne();
                   this.renderListTwo();
                   this.renderListThree();
               }
               renderTop() {
                   let str = this.data.list_top.map(ele => {
                       return `<div data-v-3b05264d="" class="item-wrapper">

                        <div data-v-3b05264d="" data-pic=${ele.pic} class="avatar lazy-load-avatar" style="background-image: url(&quot;${ele.pic}&quot;); background-size: 100%;"></div> 
                        
                        <div data-v-3b05264d="" class="living-sign">
                            <img data-v-3b05264d="" src="https://s10.mogucdn.com/mlcdn/c45406/181017_0e510je87lai291jkec509459ek75_24x24.png" class="living-sign-point">
                直播中
            </div> 
            <p data-v-3b05264d="">${ele.title}</p>

            </div>`
                   }).join("");

                   $("<div id='avatar-list-wrapper'></div>").addClass("avatar-list-wrapper").html(str).appendTo($(".avatar-list"));
               }
               renderListOne() {
                   let str1 = this.data.list_page1.map(ele => {
                       return `<div data-v-0d3340cf="" class="live-item">
                        <div data-v-0d3340cf="" class="top-info">
                            <div data-v-0d3340cf="" data-pic=${ele.data_pic} class="avatar lazy-load-live" style="background-image: url(&quot;${ele.data_pic}&quot;); background-size: 100%;">
                            </div>
                            <p data-v-0d3340cf="" class="top-info-text">${ele.top_info_text}</p>
                        </div>

                        <div data-v-0d3340cf="" data-pic=${ele.bg_pic} class="main-wrapper lazy-load-live" style="background-image: url(&quot;${ele.bg_pic}&quot;); background-size: 100%;">
                            <!---->
                            <div data-v-0d3340cf="" class="info-mask">
                                <div data-v-0d3340cf="" class="living-info">
                                    <div data-v-0d3340cf="" class="red-point"></div> <span data-v-0d3340cf="" class="living-text">直播中</span> <span data-v-0d3340cf="">${ele.living_info_text}</span>
                                </div>
                                <p data-v-0d3340cf="" class="live-title">${ele.live_title_text}</p>
                                <div data-v-0d3340cf="" class="goods-info">
                                    ${ele.goods_info.map(item => `<div data-v-0d3340cf="" data-pic=${item.goods_img} class="goods-img lazy-load-live" style="background-image: url(&quot;${item.goods_img}&quot;); background-size: 100%;"><p data-v-0d3340cf="" class="goods-price">${item.goods_price}</p></div>`).join("")}
                                </div>
                                <div data-v-0d3340cf="" class="live-chat">
                                    <div data-v-eab6d56e="" data-v-0d3340cf="" class="comments">
                                        ${ele.live_chat.map(items => `<div data-v-eab6d56e=""><img data-v-eab6d56e="" src=${items.comments_avatar} class="comments-avatar"> <p data-v-eab6d56e="" class="comments-message">${items.comments_message}</p></div>`).join("")}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>`
                   }).join("");

                   $("<div></div>").addClass("live-list").html(str1).appendTo($("#live_list1"));
               }
               renderListTwo() {
                   let str2 = this.data.list_page2.map(ele => {
                       return `<div data-v-0d3340cf="" class="live-item">
                        <div data-v-0d3340cf="" class="top-info">
                            <div data-v-0d3340cf="" data-pic=${ele.data_pic} class="avatar lazy-load-live" style="background-image: url(&quot;${ele.data_pic}&quot;); background-size: 100%;">
                            </div>
                            <p data-v-0d3340cf="" class="top-info-text">${ele.top_info_text}</p>
                        </div>

                        <div data-v-0d3340cf="" data-pic=${ele.bg_pic} class="main-wrapper lazy-load-live" style="background-image: url(&quot;${ele.bg_pic}&quot;); background-size: 100%;">
                            <!---->
                            <div data-v-0d3340cf="" class="info-mask">
                                <div data-v-0d3340cf="" class="living-info">
                                    <div data-v-0d3340cf="" class="red-point"></div> <span data-v-0d3340cf="" class="living-text">直播中</span> <span data-v-0d3340cf="">${ele.living_info_text}</span>
                                </div>
                                <p data-v-0d3340cf="" class="live-title">${ele.live_title_text}</p>
                                <div data-v-0d3340cf="" class="goods-info">
                                    ${ele.goods_info.map(item => `<div data-v-0d3340cf="" data-pic=${item.goods_img} class="goods-img lazy-load-live" style="background-image: url(&quot;${item.goods_img}&quot;); background-size: 100%;"><p data-v-0d3340cf="" class="goods-price">${item.goods_price}</p></div>`).join("")}
                                </div>
                                <div data-v-0d3340cf="" class="live-chat">
                                    <div data-v-eab6d56e="" data-v-0d3340cf="" class="comments">
                                        ${ele.live_chat.map(items => `<div data-v-eab6d56e=""><img data-v-eab6d56e="" src=${items.comments_avatar} class="comments-avatar"> <p data-v-eab6d56e="" class="comments-message">${items.comments_message}</p></div>`).join("")}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>`
                   }).join("");

                   $("<div></div>").addClass("live-list").html(str2).appendTo($("#live_list2"));
               }
               renderListThree() {
                   let str3 = this.data.list_page3.map(ele => {
                       return `<div data-v-0d3340cf="" class="live-item">
                        <div data-v-0d3340cf="" class="top-info">
                            <div data-v-0d3340cf="" data-pic=${ele.data_pic} class="avatar lazy-load-live" style="background-image: url(&quot;${ele.data_pic}&quot;); background-size: 100%;">
                            </div>
                            <p data-v-0d3340cf="" class="top-info-text">${ele.top_info_text}</p>
                        </div>

                        <div data-v-0d3340cf="" data-pic=${ele.bg_pic} class="main-wrapper lazy-load-live" style="background-image: url(&quot;${ele.bg_pic}&quot;); background-size: 100%;">
                            <!---->
                            <div data-v-0d3340cf="" class="info-mask">
                                <div data-v-0d3340cf="" class="living-info">
                                    <div data-v-0d3340cf="" class="red-point"></div> <span data-v-0d3340cf="" class="living-text">直播中</span> <span data-v-0d3340cf="">${ele.living_info_text}</span>
                                </div>
                                <p data-v-0d3340cf="" class="live-title">${ele.live_title_text}</p>
                                <div data-v-0d3340cf="" class="goods-info">
                                    ${ele.goods_info.map(item => `<div data-v-0d3340cf="" data-pic=${item.goods_img} class="goods-img lazy-load-live" style="background-image: url(&quot;${item.goods_img}&quot;); background-size: 100%;"><p data-v-0d3340cf="" class="goods-price">${item.goods_price}</p></div>`).join("")}
                                </div>
                                <div data-v-0d3340cf="" class="live-chat">
                                    <div data-v-eab6d56e="" data-v-0d3340cf="" class="comments">
                                        ${ele.live_chat.map(items => `<div data-v-eab6d56e=""><img data-v-eab6d56e="" src=${items.comments_avatar} class="comments-avatar"> <p data-v-eab6d56e="" class="comments-message">${items.comments_message}</p></div>`).join("")}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>`
                   }).join("");

                   $("<div></div>").addClass("live-list").html(str3).appendTo($("#live_list3"));
               }
           }
           $.getJSON("http://127.0.0.1/code/program/server/live_list.php",
               function (data, textStatus, jqXHR) {
                   (new LiveTop(data)).init();
               }
           );

           //切换标签，显示不同的列表页
           $(".tabs-wrapper").on("click",".tabs-item",function(){
               
               $(".text").eq($(this).index()).attr('style','color: rgb(255, 87, 119);').parent().siblings().children().attr('style', 'color: rgb(102, 102, 102);');
               $(".live-list-w").eq($(this).index()).show().siblings().hide();
               
           })
       })
</script>
</html>